<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <svg width="1200" height="400" style="background-color: #eee">
      <!-- 线 -->
      <line x1="100" y1="100" x2="200" y2="200" stroke="#000"></line>
      <line x1="200" y1="200" x2="300" y2="100" stroke="#000"></line>

      <!-- 折线 -->
      <polyline
        points="
        400 100,
        500 200,
        400 200
      "
        stroke="#000"
        fill-opacity="0"
      ></polyline>

      <!-- 矩形 -->
      <rect
        x="600"
        y="100"
        width="200"
        height="100"
        stroke="#000"
        fill-opacity="0"
      ></rect>

      <!-- 圆 -->
      <circle cx="600" cy="300" r="50" stroke="#000" fill-opacity="0"></circle>
    </svg>
  </body>
</html>
